
import { StyleSheet, } from 'react-native'
import { ScreenWidth } from '../../util/utils.js'

export default StyleSheet.create({
    content: {
        backgroundColor: '#f4f4f4'
    },
    icon: {
        width: 22,
        height: 22
    },
    banner: {
        padding: 0,
        width: ScreenWidth - 100,
    },
    bannerImg: {
        padding: 0,
        flex: 1,
        borderWidth: 0,
        width: ScreenWidth - 100,
        height: 244 / 750 * (ScreenWidth - 100),
        backgroundColor: '#fff',
    },
    classification: {
        flexDirection: 'row',
    },
    nav: {
        width: 100,
        backgroundColor: '#eee',
    },
    navItem: {
        width: 100,
        height: 38,
        padding: 0,
        paddingLeft: 15,
        borderWidth: 0,
        borderBottomWidth: .5,
        borderColor: '#DCDEE3',
        borderRightWidth: .5,
    },
    navItemActive: {
        paddingLeft: 13,
        borderWidth: 0,
        borderRightWidth: 0,
        borderLeftWidth: 2,
        borderLeftColor: '#FF8400',
        backgroundColor: '#fff'
    },
    navItemText: {
        fontSize: 14,
        color: '#61676F',
        lineHeight: 16,
        marginTop: 12,
    },
    navItemTextActive: {
    },
    content: {
        flex: 1,
        width: ScreenWidth - 100,
    },
    productTitleView: {
        padding: 15,
        alignItems: 'center',
    },
    productTitleText: {
        color: '#61676F',
        fontSize: 16,
    },
    productContentView: {
        flexDirection: 'row',
        justifyContent: 'flex-start',
        flexWrap: 'wrap',
    },
    product: {
        width: (ScreenWidth - 100 - 30 - 20) / 3,
        marginLeft: 5,
        marginRight: 5,
        marginBottom: 18,
    },
    productPicWarp: {
        width: (ScreenWidth - 100 - 30 - 20) / 3,
        height: (ScreenWidth - 100 - 30 - 20) / 3,
        borderWidth: .5,
        borderColor: '#979797',
        borderRadius: 10,
    },
    productPic: {
        width: 70,
        height: 70,
    },
    productName: {
        textAlign: 'center',
        fontSize: 14,
        color: '#61676F',
        marginTop: 12,
        lineHeight: 16
    },
})
